<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<title>车辆推荐</title>
		<script src="../lib/flexible/flexible.css.js" type="text/javascript" charset="utf-8"></script>
		<script src="../lib/flexible/flexible.js" type="text/javascript" charset="utf-8"></script>

		<link rel="stylesheet" type="text/css" href="../lib/weui.css" />
		<link rel="stylesheet" type="text/css" href="../css/jquery-weui.css" />
		<link rel="stylesheet" type="text/css" href="../css/res.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />

		<script src="../lib/fastclick.js" type="text/javascript" charset="utf-8"></script>
		<script src="../lib/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery-weui.js" type="text/javascript" charset="utf-8"></script>

	</head>

	<body ontouchstart>
		<div class="weui-tab">
			<!--底部导航栏-->
			<div class="weui-tabbar" style="postion:fixed;left:0;bottom:0;z-index:1000;">
				<a href="main.html" class="weui-tabbar__item weui-bar__item--on">

					<div class="weui-tabbar__icon">
						<img src="images/menu-1-Home@2x.png" alt="">
					</div>
					<p class="weui-tabbar__label">主页</p>
				</a>
				<a href="carSource.html" class="weui-tabbar__item">
					<div class="weui-tabbar__icon">
						<img src="images/menu-2-cheyuan-sel@2x.png" alt="">
					</div>
					<p class="weui-tabbar__label">车源</p>
				</a>
				<a href="service.html" class="weui-tabbar__item">
					<div class="weui-tabbar__icon">
						<img src="images/menu-3-fuwu-sel@2x.png" alt="">
					</div>
					<p class="weui-tabbar__label">服务</p>
				</a>
				<a href="user.html" class="weui-tabbar__item">
					<div class="weui-tabbar__icon">
						<img src="images/menu-4-geren-sel@2x.png" alt="">
					</div>
					<p class="weui-tabbar__label">个人</p>
				</a>
			</div>
			<!--底部导航栏 end-->
			<div class="weui-tab__bd">
				<div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">

					<!--车辆列表-->
					<div class="weui-panel weui-panel_access bt-0">
						<div class="weui-panel__hd f-rem-32 c-33 screen-nav weui-flex">
							<div class="weui-flex__item icon-drop-r br-1-ff">
								品牌
							</div>
							<div class="weui-flex__item icon-drop-r br-1-ff">
								价格
							</div>
							<div class="weui-flex__item icon-drop-r br-1-ff">
								里程
							</div>
							<div class="weui-flex__item icon-drop-r">
								车龄
							</div>

						</div>
						<div class="weui-panel__bd  p-5">
							<a href="carDetails.html" class="weui-media-box weui-media-box_appmsg">
								<div class=" carlist-item-hd" >
									<img class="weui-media-box__thumb" src="images/source-2-banner@2x.png">
								</div>
								<div class="weui-media-box__bd">
									<h4 class="weui-media-box__title">丰田 2017款 TYHG</h4>
									<p class="weui-media-box__desc">
										自动挡 95号汽油 前置四驱 5座 防水 仿蛋。
									</p>
									<p class="c-red  fr">
										<span class="f-rem-36">49.12</span>万起
									</p>
								</div>
							</a>
							<a href="carDetails.html" class="weui-media-box weui-media-box_appmsg">
								<div class="carlist-item-hd">
									<img class="weui-media-box__thumb" src="images/Recommend-pic-2@2x.png">
								</div>
								<div class="weui-media-box__bd">
									<h4 class="weui-media-box__title">丰田 2017款 TYHG</h4>
									<p class="weui-media-box__desc">
										自动挡 95号汽油 前置四驱 5座 防水 仿蛋。
									</p>
									<p class="c-red  fr">
										<span class="f-rem-42">49.12</span>万起
									</p>

								</div>
							</a>
							<a href="carDetails.html" class="weui-media-box weui-media-box_appmsg">
								<div class="carlist-item-hd">
									<img class="weui-media-box__thumb" src="images/Recommend-pic-2@2x.png">
								</div>
								<div class="weui-media-box__bd">
									<h4 class="weui-media-box__title">丰田 2017款 TYHG</h4>
									<p class="weui-media-box__desc">
										自动挡 95号汽油 前置四驱 5座 防水 仿蛋。
									</p>
									<p class="c-red  fr">
										<span class="f-rem-36">49.12</span>万起
									</p>

								</div>
							</a>
							<a href="carDetails.html" class="weui-media-box weui-media-box_appmsg">
								<div class="carlist-item-hd">
									<img class="weui-media-box__thumb" src="images/Recommend-pic-2@2x.png">
								</div>
								<div class="weui-media-box__bd">
									<h4 class="weui-media-box__title">丰田 2017款 TYHG</h4>
									<p class="weui-media-box__desc">
										自动挡 95号汽油 前置四驱 5座 防水 仿蛋。
									</p>
									<p class="c-red  fr">
										<span class="f-rem-36">49.12</span>万起
									</p>

								</div>
							</a>

						</div>

					</div>

					<!--优惠活动 end-->

					<!--底部空行-->
					<div style="height:45px;" class="">&nbsp;</div>
				</div>

			</div>
		</div>
		<script type="text/javascript">
		</script>
	</body>

</html>